<div id="editor">
    <!-- 组件库 -->
    <editor-comps 
      v-bind:elements="edrawComponents"
      v-bind:webConfig="webConfig"
      v-on:initCompsState="initComponentState" 
      v-on:selectComp="selectComp"></editor-comps>
    
    <!-- 画布 -->
    <editor-canvas 
      v-bind:configs="configs"
      v-bind:edrawComps="edrawComponents"
      v-bind:currentActiveIndex="eStates.currentActiveIndex"
      v-bind:multipleActiveBool="eStates.multipleActiveBool"
      v-on:initCompsState="initComponentState" 
      v-on:dragComp="dragCurrentComp"
      v-on:resizeByDragComp="resizeByDragComp"
      v-on:trans="transComp"
      v-on:changeTextVal="changeTextVal"
      v-on:screen="screen"
      v-on:zoom="zoom"></editor-canvas>

    <!-- 组件设置 -->
    <editor-settings
      v-bind:currentActiveIndex="eStates.currentActiveIndex"
      v-bind:currentElement="edrawComponents[eStates.currentActiveIndex]"
      v-bind:multipleActiveArr="eStates.multipleActiveArr"
      v-bind:configs="configs"
      v-on:delComp="delComp"
      v-on:delMultipComp="delMultipComp"
      v-on:setMultipleState="setMultipleState"
      v-on:changeConfig="changeConfig"
      v-on:download="download"
      v-on:screen="screen"
      v-on:saveDateToStorage="saveDateToStorage"
      v-on:getHistory="getHostoryList"
      v-on:changeBgImg="changeBgImg"
      v-on:selColor="selColor"
      v-on:selBackground="selBackground"></editor-settings>
    
    <editor-history 
      v-if="activeHistoryBool"
      v-bind:list="historyCurrnetData"
      v-bind:currentIndex="currentHistoryIndex"
      v-on:initState="initHistoryListState"
      v-on:applyHistory="applyHistory"
      v-on:closeHistory="closeHistory"
      v-on:deleteHistoryData="deleteHistoryData"
      ></editor-history>
    <!-- 帮助 -->
    <editor-help/>
  </div>